<template>
  <div class="first">
    <template v-for="(item, index) in navs">
      <a href="#" :key="index">{{ item.name }}</a>
      <template v-if="index < navs.length - 1"> /</template>
    </template>
  </div>
</template>
 
<script>
export default {
  props: ['navs'],
  data() {
    return {}
  }
}
</script>
 
<style lang = "less" scoped>
.first {
  margin: 10px 0;
  a {
    text-decoration: none;
    padding: 0 10px;
  }
}
</style>